<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>学习评估</title>
        <link rel="stylesheet" href="public/css/front_head.css" />
        <link rel="stylesheet" href="public/css/front_homework.css" />
        <script type="text/javascript" src="public/js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="public/js/highcharts.js"></script>
		<script type="text/javascript" src="public/js/grade.js"></script>
<script>
	$(function(){
		var data6={
		    'title':'每月/日客服数',
		    'xAxis':['优','良','中','差','不及格'],
		    'yAxis':[{name:'次数',data:[${excellent.size()},${good.size()},${middle.size()},${difference.size()},${fail.size()}]}]
		}

	    createCharts("a6",data6);
	});
</script>
    </head>
    <body style="background-image: url(public/images/bg_text.png); background-repeat: no-repeat;">
	<jsp:include page="header.jsp"></jsp:include>
    <div class="welcome"></div>	
    <div class="left">
	    <div class="one" style="background-image: url(public/images/header_red.png);">
	    	学习评估
	    </div>
	    <br/>
	    <form>
	    	<fieldset style="width: 90%;">
	    		<legend><img src="public/images/charts.png"/><b style="font-size: 14px;">&nbsp;&nbsp;成绩评估</b></legend>
	    		<ul style="margin-left: -40px;font-size: 14px;">
	    			<b>您进入新职课JAVA以来，共获得了<span style="font-size: 24px;color: red;">${myMarkjd.size()}</span>次成绩， 我们按分数为您划分了等级，90-100为优，80-90为良，70-80为中， 60-70为差，60分以下为不及格</b>
	    		</ul>
	    		<ul style="margin-left: -40px;font-size: 14px;">
	    			<div id="a6" class="container"></div>
	    		</ul>
	    	</fieldset>
	    </form>
	    
	</div>
	
	
	<div class="right">
	    <div class="tab1">考试/作业</div>
		<div class="tab1_line"></div>
	    		<ul class="lx">
	    		<c:forEach items="${myoverjd}" var="ojd">
	    			<li>
	    				<div>
		    				<img src="public/images/practice.png"/>
		    				<span><font color="black" style="font-size: 12px">${cla.className}-${ojd.work.name}（${ojd.state}）</font></span>
	    				</div>
	    				<div class="grade">
	    					<img src="public/images/wait.png"/>
		    				${ojd.work.endTime}
	    				</div>
	    			</li>
	    		</c:forEach>
	    		<c:forEach items="${myMarkjd}" var="mjd">
		    					<li>
				    				<div>
					    				<img src="public/images/practice.png"/>
					    				<input type="hidden" value="${mjd.work.id}">
					    				<a class="seework">${cla.className}-${mjd.work.name}</a>
				    				</div>
				    				<div class="grade">
				    					<img src="public/images/your_score.png"/>
					    				${mjd.allScore}
				    				</div>
				    			</li>
	    			</c:forEach>
	    		</ul>
	</div>
 	</body>
 	<script type="text/javascript" src="public/js/front_work.js"></script>
</html>